import 'package:flutter/material.dart'; // fim简便写法
import 'pages/Tabs.dart';

void main() {
  runApp(MyApp());
}

// 基本结构  -  底部导航栏
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Tabs()
    );
  }
}

// class Tabs extends StatefulWidget {
//   Tabs({Key key}) : super(key: key);

//   @override
//   _TabsState createState() => _TabsState();
// }

// class _TabsState extends State<Tabs> {
//     int _currentIndex = 0;
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//        child: Scaffold(
//         appBar: AppBar(title: Text('container  text')),
//         body: Text('hellow'),
//         bottomNavigationBar: BottomNavigationBar(
//           currentIndex: this._currentIndex, //  对应索引值
//           onTap: (int index){
//             // print(index);
//             setState(() {
//               this._currentIndex = index;
//             });
//           },
//           items: [
//             BottomNavigationBarItem(icon: Icon(Icons.home),title: Text('首页')),
//             BottomNavigationBarItem(icon: Icon(Icons.category),title: Text('分类')),
//             BottomNavigationBarItem(icon: Icon(Icons.settings),title: Text('设置')),
//           ],
//         ),
//       ),
//     );
//   }
// }